<template>
  <div class="home">
    <van-button type="primary" class="btn" @click="goPage('/luck-draw')">
      九宫格抽奖
    </van-button>
    <van-button type="info" class="btn" @click="goPage('/gray-chart')">
      黑白画面
    </van-button>
    <van-button type="warning" class="btn" @click="goPage('/light-move-btn')">
      按钮光影
    </van-button>
    <van-button type="info" class="btn" @click="goPage('/to-top')">
      回到顶部
    </van-button>
    <van-button type="primary" class="btn" @click="goPage('/box-scroll')">
      独立视图滚动
    </van-button>
    <van-button type="info" class="btn" @click="goPage('/drag-box')">
      拖拽悬浮框(移动端)
    </van-button>
    <van-button type="warning" class="btn" @click="goPage('/3D-font')">
      3D字体
    </van-button>
    <van-button type="primary" class="btn" @click="goPage('/jigsaw-puzzle')">
      拼图
    </van-button>
    <van-button type="info" class="btn" @click="goPage('/scroll-disappear')">
      滚动消失
    </van-button>
    <!-- <van-button type="info" class="btn" color="red" @click="goPage('/AI-body')">
      人脸采集
    </van-button> -->
    <van-button type="warning" class="btn" @click="goPage('/china-map')">
      中国地图
    </van-button>
    <van-button type="info" class="btn" @click="goPage('/QR-code')">
      二维码生成
    </van-button>
    <van-button
      type="primary"
      class="btn"
      color="red"
      @click="goPage('/location')"
    >
      定位
    </van-button>
    <van-button type="info" class="btn" @click="goPage('/face-acquisition')">
      人脸采集
    </van-button>
    <van-button type="info" class="btn" @click="goPage('/scan')">
      扫一扫
    </van-button>
    <van-button type="info" class="btn" @click="goPage('/voice-announcements')">
      语音播报
    </van-button>
  </div>
</template>

<script>
export default {
  data() {
    return {}
  },
  mounted() {},
  methods: {
    goPage(path) {
      this.$router.push(path)
    },
  },
  components: {},
}
</script>

<style lang="less" scoped>
.home {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  .btn {
    margin: 10px;
  }
}
</style>
